// 定位
// 相对定位
.louis-relative{
	position: relative;
}
//绝对定位
.louis-absolute{
	position: absolute;
}
//固定定位
.louis-fixed{
	position: fixed;
}

// 考虑小程序打包大小问题被废弃掉的样式,如果进行小程序以外的开发可使用此样式
// 用法非常简单 louis-relative-l-20代表 相对定位左边20rpx
// louis-l-20 等价于 left:20rpx  需配合.louis-fixed 此类名使用
// 可加单位px rpx 代表百分比，默认不加单位为rpx 


// @for $i from -500 through 2000 {	
// 	@each $short, $long in l left, t top, r right, b bottom {
// 		缩写版，结果如： l-m-l-30
// 		定义方向
// 		.louis-#{$short}-#{$i}px {
// 			#{$long}: $i + px!important;
// 		}
		
// 		.louis-#{$short}-#{$i}rpx {
// 			#{$long}: $i + rpx!important;
// 		}
		
		
		
// 		.louis-relative-#{$short}-#{$i}rpx{
// 			position: relative;
// 			#{$long}: $i + rpx!important;
// 		}
// 		.louis-relative-#{$short}-#{$i}px{
// 			position: relative;
// 			#{$long}: $i + px!important;
// 		}
// 		.louis-relative-#{$short}-#{$i}%{
// 			position: relative;
// 			#{$long}: $i + %!important;
// 		}
		
		
		
// 		.louis-absolute-#{$short}-#{$i}rpx{
// 			position: absolute;
// 			#{$long}: $i + rpx!important;
// 		}
// 		.louis-absolute-#{$short}-#{$i}px{
// 			position: absolute;
// 			#{$long}: $i + px!important;
// 		}
// 		.louis-absolute-#{$short}-#{$i}%{
// 			position: absolute;
// 			#{$long}: $i + %!important;
// 		}
		
		
// 		.louis-fixed-#{$short}-#{$i}rpx{
// 			position: fixed;
// 			#{$long}: $i + rpx!important;
// 		}
// 		.louis-fixed-#{$short}-#{$i}px{
// 			position: fixed;
// 			#{$long}: $i + px!important;
// 		}
// 		.louis-fixed-#{$short}-#{$i}%{
// 			position: fixed;
// 			#{$long}: $i + %!important;
// 		}		
	
// 	}
	
// }



